<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/blog.css">
    <!-- <link rel="stylesheet" href="./css/about.css"> -->
    <title>blog</title>
</head>
<body>
  <div class="head">
    <div class="heads">
        <div class="head_top flex">
            <div class="tou_zuo1">
                <img src="./img/a3.png" alt="">
                <img src="./img/a4.png" alt="">
                <img src="./img/a5.png" alt="">
                <img src="./img/a6.png" alt="">
                <img src="./img/a7.png" alt="">
            </div>
            <div class="tou_you1 flex">
              <div class="xin">
                <img src="./img/a1.png" alt=""><span class="email"> ContacUst@Gmail.com</span>
              </div>
              <div class="xin">
                <img src="./img/a2.png" alt=""><span class="email"> 80 888887</span>
              </div>
            </div>
        </div>
    </div>
    <div class="heads1">
        <div class="head_bottom flex">
            <div class="bott_zuo"><img src="./img/a.png" alt=""></div>
            <div class="bott_you">
                <ul class="flex ul1">
                    <li><a href="index.html">HOME</a></li>
                    <li><a href="blog.html">BLOG</a></li>
                    <li><a href="about.html">ABOUT US</a></li>
                    <li><a href="contact.html">CONTACT</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- 头结束 -->
<!-- banner部分 -->
<div class="banner">
    <div class="banner_main">
        <div class="banner_one">
            <p class="p1">SEE THE WORD DIFFERENTLY</p>
            <P>Request,design and book travel experiences as unique as you are</P>
        </div>
        <div class="banner_two">
            <input type="text" id="in1" placeholder="Where are you going?">
            <button><img src="./img/c8.png" alt=""> Search</button>
        </div>
        <div class="banner_three">
            <ul>
                <li>TOP DESTINATION:</li>
                <li>PARIS</li>
                <li>NEW YORK</li>
                <li>LONDON</li>
                <li>ROME</li>
                <li>SAN FRANGISCO</li>
                <li>MORE...</li>
            </ul>
        </div>
    </div>
</div>
      <!-- blog -->
      <div class="four_4 flex_H">
        <div class="intro1 flex_S">
          <div class="intt">
            <div>
              <img src="./img/c1.png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div  class="lone intt">
            <div>
              <img src="./img/blog_03.png" alt="" />
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div class="intt">
            <div>
              <img src="./img/c2 .png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div class="height_1 intt">
            <div>
              <img src="./img/c2 .png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div class="intt">
            <div>
              <img src="./img/c2 .png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
        </div>
        <div class="intro1 flex_S">
          <div class="intt">
            <div>
              <img src="./img/c2 .png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div  class="lone intt">
            <div>
              <img src="./img/blog_03.png" alt="" />
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div class="intt">
            <div>
              <img src="./img/c2 .png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div class="height_1 intt">
            <div>
              <img src="./img/c2 .png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div class="intt">
            <div>
              <img src="./img/blog_03.png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
        </div>
        <!-- intro1 -->
        <div class="intro1 flex_S">
          <div  class="intt">
            <div>
              <img src="./img/c2 .png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div class="intt">
            <div>
              <img src="./img/c1.png" alt="" />
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div class="intt">
            <div>
              <img src="./img/blog_03.png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div class="lone intt">
            <div>
              <img src="./img/c2 .png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
          <div class="intt">
            <div>
              <img src="./img/c1.png" alt="">
            </div>
            <div class="p_three">
              <p class="p1">experiences as unique </p>
              <p class="p2">April 14, 2015</p>
              <p class="p3">Uploaded by <span class="John">John Doe</span></p>
            </div>
          </div>
        </div>
        <!-- intro1 -->
        <div class="main_right flex1">
          <div class="mains_r">
              <div class="img1">
                  ABOUT US
              </div>
              <div class="tags">
                  <h2>Tags</h2>
                  <div class="xian flex">
                      <div class="xian1">&nbsp;</div>
                      <div class="xian2"> &nbsp;</div>
                  </div>
                  <p>animals , cooking，countries , home , likes , photo , travel , video
                  </p>
              </div>
              <div class="news">
                  <h2>TRENDING NEWS</h2>
                  <div class="xian flex">
                      <div class="xian1">&nbsp;</div>
                      <div class="xian2"> &nbsp;</div>
                  </div>
                  <div class="new_img flex">
                      <div><img src="../index/img/blog_03.png" alt=""></div>
                      <p>An Cozy Coffee Shop In The Centre Of The City</p>
                  </div>
                  <div class="new_img flex">
                      <div><img src="../index/img/blog_03.png" alt=""></div>
                      <p>An Cozy Coffee Shop In The Centre Of The City</p>
                  </div>
                  <div class="new_img flex">
                      <div><img src="../index/img/blog_03.png" alt=""></div>
                      <p>An Cozy Coffee Shop In The Centre Of The City</p>
                  </div>
                  <div class="new_img flex">
                      <div><img src="../index/img/blog_03.png" alt=""></div>
                      <p>An Cozy Coffee Shop In The Centre Of The City</p>
                  </div>
              </div>
              <div class="archives">
                  <h2>Archives</h2>
                  <div class="xian flex">
                      <div class="xian1">&nbsp;</div>
                      <div class="xian2"> &nbsp;</div>
                  </div>
                  <select name="sele" id="selec">
                      <option value="">Select Month</option>
                      <option value="">Select Month1</option>
                      <option value="">Select Month2</option>
                  </select>
              </div>
              <div class="gallery">
                  <h2>Gallery</h2>
                  <div class="xian flex">
                      <div class="xian1">&nbsp;</div>
                      <div class="xian2"> &nbsp;</div>
                  </div>
                  <div class="jiu">
                      <div class="flex jiugongge">
                        <div><img src="./img/c2 .png" alt="" height="70px"></div>
                        <div><img src="./img/c2 .png" alt="" height="70px"></div>
                        <div><img src="./img/c2 .png" alt="" height="70px"></div>
                      </div>
                      <div class="flex jiugongge">
                        <div><img src="./img/c2 .png" alt="" height="70px"></div>
                        <div><img src="./img/c2 .png" alt="" height="70px"></div>
                        <div><img src="./img/c2 .png" alt="" height="70px"></div>
                          
                      </div>
                      <div class="flex jiugongge">
                        <div><img src="./img/c2 .png" alt="" height="70px"></div>
                        <div><img src="./img/c2 .png" alt="" height="70px"></div>
                        <div><img src="./img/c2 .png" alt="" height="70px"></div>
                      </div>
                  </div>
              </div>
              <div class="mate">
                  <h2>Mate</h2>
                  <div class="xian flex">
                      <div class="xian1">&nbsp;</div>
                      <div class="xian2"> &nbsp;</div>
                  </div>
                  <div>
                      <p>> May 2015</p>
                      <p>> May 2015</p>
                      <p>> May 2015</p>
                      <p>> May 2015</p>
                  </div>
              </div>
          </div>
      </div>
        <!-- intro1 -->
      </div>
      <div class="foot">
        <!-- 100 -->
        <div class="foot_top">
            <!-- 80 -->
            <div class="ftop_main flex">
                <div class="ftm_box1">
                    <div class="logo_zi">z<span class="span1">Vossen</span>
                        <p>Travel and Tours</p>
                    </div>
                    <div class="p9">
                        <p>Nam libero tempore,cum soluta nobis est eligendi optio cumque quod maxime placeat cum soluta nobis facere possimus nihil impedit quo minus id quod maxime placeat facere possimus.est eligendi optio cumque </p>
                        <p>facere possimus nihil impedit quo minusid quod maxime placeat facere possimus.</p>
                    </div>

                </div>
                <div class="ftm_box2">
                    <h2>News Letter</h2>
                    <div class="xian flex">
                        <div class="xian1">&nbsp;</div>
                        <div class="xian2"> &nbsp;</div>
                    </div>
                    <p class="p10">facere possimus nihil impedit quo minus id quod maxime placeat facere possimus. est eligendi</p>
                    <input type="text" id="inp2" placeholder="Enter your email address...">
                    <button class="but2">SUBCRIBE NOW</button>
                </div>
                <div class="ftm_box3">
                    <h2>News Letter</h2>
                    <div class="xian flex">
                        <div class="xian1">&nbsp;</div>
                        <div class="xian2"> &nbsp;</div>
                    </div>
                    <div class="four_img flex">
                      <div class="img2"><img src="./img/c2 .png" alt=""></div>
                      <div class="img2"><img src="./img/c2 .png" alt=""></div>
                      <div class="img2"><img src="./img/c2 .png" alt=""></div>
                      <div class="img2"><img src="./img/c2 .png" alt=""></div>
                  </div>
                </div>
            </div>
        </div>
        <div class="foot_bot">
            <div class="fbot_main">
                Copyright 2015.Company name All rights reserved.
            </div>
        </div>
    </div>
      <!-- /blog -->
</body>
</html>